$(function(){
  //功能一：注册和登录盒子的切换
  /* 
    [1]点击注册，让注册盒子显示，登录盒子隐藏
    [2]点击登录，让登录盒子显示，注册盒子隐藏
  */
 $('#link_login').on('click',function(){
  $('.login-box').show()
  $('.reg-box').hide()
 })

 $('#link_reg').on('click',function(){
  $('.reg-box').show()
  $('.login-box').hide()
 })

//  功能二：实现注册功能
/* 
 [1]给表单注册submit提交事件
 [2]阻止表单是默认同步提交行为
 [3]收集表单是数据
 [4]对表单数据非空校验
 [5]如果校验通过，发起Ajax请求
 [6]判断请求成功与否
 [7]如果成功，显示登录盒子
*/
layui.form.verify({
  pwd: [/^[\S]{6,15}$/,'密码必须6到15位的非空字符'],
  repwd: function(value,item){
      // value是确认密码的内容，item是确认密码框的DOM元素
   const password = $('#form_reg [name=password]').val().trim()
   if(password !== value){
    return '俩次输入的密码不一致'
   }
  }
})
// [1]给表单注册submit提交事件
$('#form_reg').on('submit',function(e){
  // [2]阻止表单是默认同步提交行为
  e.preventDefault()
  // [3]收集表单是数据
  const username = $('#form_reg [name=username]').val().trim()
  const password = $('#form_reg [name=password]').val().trim()
  console.log(username,password);
   // [4]对表单数据非空校验
   //if(!username || !password) return alert('不能为空') 
   //[5]如果校验通过，发起Ajax请求 
  $.ajax({
    method: 'post',
    url:'/api/reguser',
    data:{
      username,
      password
    },
    success: function(res){
      console.log(res);
      // [6]判断请求成功与否
      if(res.status !== 0) return layer.msg(res.message, {icon: 5}); 
      layer.msg(res.message, {
        icon: 6,
        time: 2000 //2秒关闭（如果不配置，默认是3秒）
      },
      function(){

        // [7]如果成功，显示登录盒子
        $('#link_login').click()
      }); 
    }
  })
})


  // 功能三：实现登录功能
  /* 
    【1】给表单注册submit提交事件
    【2】阻止表单默认提交行为
    【3】收集表单数据信息
    【4】对表单数据校验
    【5】如果校验通过，发起Ajax请求
    【6】判断请求成功与否
    【7】如果成功，跳转到首页
  */
 $('#form_login').on('submit',function(e){
  e.preventDefault()
  const data = $(this).serialize()
  console.log(data);
  $.ajax({
    method: 'post',
    url: '/api/login',
    data,
    success: function(res){
      console.log(res);
      if(res.status !== 0) return layer.msg(res.message,{icon:5})
      layer.msg(res.message,{icon:1,time: 1000},
        function(){
          localStorage.setItem('token',res.token)
          location.href = '/index.html'
        })
    }
  })
 })
})